ul {margin: 0; padding: 0; list-style: none;}
dl, dt, dd {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
img {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
textarea{resize: none;}
select::-ms-expand{ display: none; } 
::-ms-clear, ::-ms-reveal{display: none;}
input, button, textarea, select {border: 0; outline: none;}
.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.clearfix { *zoom: 1; }
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.fleft {float: left;}
.fright {float: right;}
.block {display: block;}
.iblock {display: inline-block;}
.hidden {display: none !important;}
.overhide {overflow: hidden;}
.trans-3 {transition: all .3s;}
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.hand {cursor: pointer;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;} 
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

.weui-cell {position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell__bd {min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft {text-align: right; color: #999999;}
.weui-flex {display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-input {width: 100%; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471;}
.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.nobefore::before, .noafter::after {display: none !important;}
.nowrap {white-space: nowrap;} 
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}
.line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word;}
.line5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-wrap: break-word;}
.line6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; word-wrap: break-word;}
.line6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; word-wrap: break-word;}
/* header */
.mask {z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background-color: rgba(0, 0, 0, .5); pointer-events: none; transition: all .3s;}
.mask.on {z-index: 14; opacity: 1;}
.wrapper {padding-top: 48px;}
.header {position: fixed; z-index: 15; top: 0; left: 0; right: 0; background-color: #fff;}
.header .weui-cell {height: 48px;}
.logo {width: 167px; height: 22px;}
.menubtn {position: relative; width: 48px; height: 48px;}
.menubtn i {position: absolute; display: block; content: ''; left: 50%; top: 50%; margin-left: -12px; width: 24px; height: 2px; background-color: #333; transition: all .3s;}
.menubtn i:nth-child(1) {margin-top: -9px;}
.menubtn i:nth-child(2) {margin-top: -1px;}
.menubtn i:nth-child(3) {margin-top: 7px;}
.menubtn.on {background-color: #fff;}
.menubtn.on i {background-color: #0F183A;}
.menubtn.on i:nth-child(1) {margin-top: -2px; transform: rotate(45deg);}
.menubtn.on i:nth-child(2) {width: 0;}
.menubtn.on i:nth-child(3) {margin-top: -2px; transform: rotate(-45deg);}
.menubar > li {text-align: left;}
.menubar > li a {position: relative; display: block;  font-size: 16px; transition: all .3s;}
.menubar > li > a {position: relative; padding: 0 15px; font-family: 'SourceHanSansCN-Medium', '黑体', 'SimHei'; line-height: 40px; color: #333;}
.menubar > li > a::after {position: absolute; display: block; content: ''; left: 0; bottom: 0; right: 0; height: 3px; background: #3129ea; transform: scale(0, 1); transition: all .3s;}

.menubar > li > a .icon {position: relative; top: -1px; display: inline-block; margin-right: 5px; vertical-align: middle; width: 20px; height: 20px; background-image: url(../img/icon/language.png); background-repeat: no-repeat; background-position: center center; background-size: 20px;}
.menubar > li > a i {position: relative; top: -3px; margin-left: 5px; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg); transition: all .3s;}
.menubar > li.on > a {color: #3129ea;}
.menubar > li.on > a::after {transform: scale(1);}
.menubar > li.on .dropmenu {z-index: 1; opacity: 1; pointer-events: auto; transform: translateY(0);}
.submenu {padding: 50px 0; background: #fff; text-align: left;}
.submenu a {padding-left: 30px; padding-right: 30px; font-size: 16px; line-height: 32px; color: #999; white-space: nowrap;}
.submenu span {padding-left: 30px; padding-right: 30px; font-size: 20px; line-height: 32px;  white-space: nowrap;}
.dropmenu3 .txt2 {margin-top: 5px;}
.dropmenu3 .txt3 {font-size: 20px;}
.dropmenu3 .txt4 {position: relative; top: -13px; padding: 0 5px;}
.nav1 {padding-top: 30px; padding-bottom: 30px; font-size: 18px; color: #333 !important;}
.nav2 {padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #3129ea !important;}
.nav2::before {position: absolute; display: block; content: ''; bottom: 0; left: 30px; right: 30px; height: 1px; background: #B7B4F9;}
/* footer */

.mt5 {margin-top: 5px;}
.mb15 {margin-bottom: 15px;}
.mg-lr-22 {margin-left: 22px !important; margin-right: 22px !important;}
.f14 {font-size: 14px;}
.f18 {font-size: 18px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f30 {font-size: 30px;}
.f36 {font-size: 36px;}
.f46 {font-size: 46px;}
.f48 {    font-size: 30px;
    font-weight: 600;}
.f50 {font-size: 50px;}
.f60 {font-size: 60px;}
.gray000 {color: #000;}
.gray333 {color: #333;}
.gray666 {color: #666;}
.gray999 {color: #999;}
.blue {color: #3129ea;}
.bg-gray {background-color: #f6f7fb;}
.bg-white {background-color: #fff;}

@media (min-width: 1200px) {
  .mask {display: none !important;}
  .wrapper {padding-top: 0px;}
  .header .weui-cell {position: static; height: 120px;}
  .menubar {height: 100%;}
  .menubar > li {float: left; height: 100%; text-align: center;}
  .menubar > li > a {height: 100%; font-size: 14px; display: flex; align-items: center;}
  .menubar > li a[href]:hover, .dropmenu a[href]:hover {color: #3129ea !important;}
  .menubar > li > a[href]:hover .icon {background-image: url(../img/icon/language_on.png);}
  .menubar > li > a:hover i {border-right-color: #3129ea; border-bottom-color: #3129ea;}
  .dropmenu {position: absolute; z-index: -1; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 0 81px 128px rgba(0, 0, 0, .1); opacity: 0; pointer-events: none; transform: translateY(10%); transition: all .35s;}
  .dropmenu .bgcolor {position: absolute; left: 0; top: 0; right: 0; height: 45%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 50%); background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);}
  .dropmenu1 .col-lg-7 {width: 63.33333333%;}
  .dropmenu1 .col-lg-offset-1 {margin-left: 3.33333333%;}
  .dropmenu1 .col-lg-offset-1 .nav1 {margin-bottom: -8px;}
  .dropmenu2 .col-lg-4 {width: 31%;}
  .dropmenu2 .col-lg-3 {width: 23%;}
  .dropmenu3 {width: 100vw; left: 0; padding: 130px 0;}
  .dropmenu3::before {position: absolute; display: block; content: ''; left: 0; top: 0; bottom: 0; width: 50%; background: #f9f9f9;}
  .dropmenu3 hr {margin: 30px 0 37px; height: 1px; border: 0; background: #e9e9e9;}
  .dropmenu4 {text-align: center;}
  .dropmenu4 a {padding: 0;}
  .nav1 {margin-bottom: -15px; font-size: 26px !important;}
  .nav2 {margin-bottom: 10px; font-size: 20px !important;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .footer-bd .col-lg-2 {width: 22%;}
  .footer-bd .col-lg-offset-4 {margin-left: 12%;}
  .footer-ft .col-lg-4 {width: 44%;}
}
@media (min-width: 1300px) {
  .islarge {margin-left: -3%; margin-right: -3%;}
}
@media (min-width: 1366px) {
  .menubar > li > a {padding: 0 20px;}
}
@media (min-width: 1440px) {
  .container {width: 1440px;}
  .logo {width: 250px; height: 33px;}
  .islarge {margin-left: 0; margin-right: 0;}
  .menubar > li a {font-size: 16px;}
}
@media (min-width: 1600px) {
  .islarge {margin-left: -7%; margin-right: -7%;}
  .menubar > li > a {padding: 0 30px;}
}
@media (min-width: 1800px) {
  .islarge {margin-left: -14%; margin-right: -14%;}
}
@media (max-width: 1199px) {
  .menubar {position: fixed; top: 48px; left: 0; right: 0; padding: 10px 15px; max-height: 60vh; background-color: #fff; overflow-y: auto; transform-origin: 50% 0; transform: scale(1, 0); transition: all .3s;}
  .menubar.on {transform: scale(1);}
  .menubar > li {border-top: 1px solid #dbdbdb;}
  .menubar > li > a i {position: absolute; right: 15px; top: 50%; margin-top: -5px; transform: rotate(-45deg);}
  .menubar > li.on > a::after {display: none;}
  .menubar > li.on > a i {border-color: #3129ea; transform: rotate(45deg);}
  .dropmenu {display: none;}
}
@media (min-width: 769px) and (max-width: 991px) {
  .islarge {margin-left: -10%; margin-right: -10%;}
}
@media (max-width: 768px) {
  html {font-size: calc(100vw / 1080);}
  .dropmenu .bgcolor {display: none;}
  .dropmenu .nav1 + div, .dropmenu .nav1 + ul, .dropmenu .nav2 + div {display: none;}
  .dropmenu3 .weui-flex {padding: 0 15px;}
  .dropmenu3 .txt3 {font-size: 16px;}
  .dropmenu3 .txt4 {top: -8px;}
  .submenu {padding: 20px 0;}
  .submenu a {padding: 7px 15px;}
  .dropmenu .nav1 + .submenu {padding-top: 0;}
  .dropmenu4 a {padding: 7px 30px;}
  .nav2::before {left: 15px; right: 15px;}
  .footer-bd .col-sm-6 {margin: 15px 0;}
  .footer-bd .hotline {height: 95px;}
  .footer-bd .hotline .f24 {font-size: 18px;}
  .footer-ft .fright {margin-top: 15px;}
  .f14 {font-size: 12px;}
  .f18 {font-size: 14px;}
  .f24 {font-size: 16px;}
  .f26 {font-size: 18px;}
  .f30 {font-size: 20px;}
  .f36 {font-size: 24px;}
  .f46 {font-size: 34px;}
  .f48 {font-size: 36px;}
  .f50 {font-size: 38px;}
  .f60 {font-size: 48px;}
}
@media (max-width: 640px) {
  html {font-size: calc(100vw / 750);}
  .dropmenu3 .weui-flex {display: block; padding: 0;}
  .dropmenu3 .weui-flex__item {margin-top: 10px; margin-bottom: 20px; margin-left: 15px; margin-right: 15px; text-align: left;}
  .dropmenu3 .weui-flex__item .iblock {display: block;}
  .footer-ft .fright {margin-top: 0;}
  .footer-ft .fleft {margin-top: 30px; text-align: center;}
  .footer-ft .fleft img {margin: 0 auto 10px !important; height: 16px;}
}